﻿@model Enter.Admin.Entities.Archive
@using Enter.Admin.Utils
@using Enter.Admin.Enums
@using Enter.Admin.Models.DataTables;
@using Enter.Admin.Dtoes;
@using Enter.Admin.Entities
@{
    ViewData["Title"] = "档案管理 - 详情";
    var columns = Excel.Headers<ArchiveModel, Archive>().Where(t => t.Visible);
}
@section Styles {
    <link href="~/plugins/gritter/css/jquery.gritter.css" rel="stylesheet" />
    <link href="~/plugins/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
    <link href="~/plugins/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" />
    <link href="~/plugins/dropzone/dist/min/dropzone.min.css" rel="stylesheet" />
    <link href="~/plugins/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet" />
    <style>
        div .bootstrap-select .btn.bs-placeholder {
            color: rgb(0,0,0) !important
        }

        div .bootstrap-select .btn.bs-placeholder:active, div .bootstrap-select .btn.bs-placeholder:focus, div .bootstrap-select .btn.bs-placeholder:hover {
            color: rgb(0,0,0) !important
        }

        div .bootstrap-select .btn.btn-light, div .bootstrap-select .btn.btn-white {
            color: rgb(0,0,0) !important
        }

        .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle {
            color: rgb(255,255,255) !important
        }
    </style>
}
@section Scripts {
    <script src="~/plugins/gritter/js/jquery.gritter.js"></script>
    <script src="~/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="~/plugins/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="~/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="~/plugins/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
    <script src="~/plugins/dropzone/dist/min/dropzone.min.js"></script>
    <script src="~/plugins/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
    <script>
        var objectId = @Model.Id ;
        var table_attachment = null
        var table_attachment_function = function () {
            table_attachment = $('#data-table-attachment').DataTable({
                data: [],
                paging: false,
                responsive: true,
                columns: [{ title: "文件", data: "Name" }, { title: "操作", data: "Id" }],
                "columnDefs": [
                    {
                        "targets": -1,
                        "width": "150px",
                        render: function (data, type, full, meta) {
                            return '<a class="btn btn-sm btn-info" target="_blank" href="@Url.Action("Export", "Home")/' + full.Id + '">下载 <i class="fas fa-download"></i></a>  '
                                + '<a class="btn btn-sm btn-info" href="javascript:;" onclick="modal_dialog_attachment_refresh(' + full.Id + ',' + full.ObjectId + ')">删除 <i class="fa fa-trash"></i></a> ';
                        }
                    }
                ],
                "language": datatable_language
            });

            modal_dialog_attachment_refresh(0, objectId)
        }
        var modal_dialog_attachment_refresh = function (attachmentId, objectId) {
            $.ajax({
                type: "POST",
                dataType: "json",
                contentType: "application/json;charset=utf-8",
                url: "@Url.Action("Attachment", "Home")" + "?id=" + attachmentId + "&objectId=" + objectId,
                success: function (result) {
                    if (result.Success) {
                        table_attachment.clear();
                        table_attachment.rows.add(result.Data);
                        table_attachment.draw();
                    } else {
                        show_alert('warning', result.Message)
                    }
                },
                error: function (e) {
                    show_alert('error', '网络异常.')
                }
            });
        }

        function filesParamName() {
            return "files";
        }
        Dropzone.autoDiscover = false;
        var settlmentProofDropZone = null
        var dropzone_container_upload = function () {
            $("#dropzone-upload").dropzone({
                maxFiles: 5,
                url: "@Url.Action("Upload", "Home")" + "/" + objectId,
                method: "post",
                acceptedFiles: "",
                paramName: filesParamName,
                addRemoveLinks: true,
                uploadMultiple: true,
                init: function () {
                    settlmentProofDropZone = this;
                    this.on("success", function (file, resp) {
                        if (resp.Success) {
                            modal_dialog_attachment_refresh(0, objectId)
                            $('#modal-dialog-dropzone').modal('hide')
                        } else {
                            show_alert('warning', resp.Message)
                        }
                    });
                }
            });
        }

        var natural_columns = @Html.Raw(Jsons.Serialize(DataTablesColumnExt.ToList<ArchiveNaturalModel>()));
        natural_columns.push({ data: "ArchiveId", title: '操作', orderable: false })
        var table_natural = null
        var table_natural_function = function () {
            table_natural = $('#data-table-natural').DataTable({
                data: [],
                paging: false,
                responsive: true,
                columns: natural_columns,
                "columnDefs": [
                    {
                        "targets": -1,
                        "width": "150px",
                        render: function (data, type, full, meta) {
                            return '<a class="btn btn-sm btn-info" href="javascript:;" onclick="modify_natural(' + full.ArchiveId + ',' + full.NaturalYear +')">修改 <i class="fa fa-edit"></i></a> ';
                        }
                    }
                ],
                "language": datatable_language
            });
            $('#data-table-natural').wrapAll("<div style='overflow-x:auto'>");

            table_natural_refresh();
        }
        var table_natural_refresh = function () {
            $.ajax({
                type: "POST",
                dataType: "json",
                contentType: "application/json;charset=utf-8",
                url: "@Url.Action("Natural", "Home")" + "?id=" + objectId,
                success: function (result) {
                    if (result.Success) {
                        table_natural.clear();
                        table_natural.rows.add(result.Data);
                        table_natural.draw();
                    } else {
                        show_alert('warning', result.Message)
                    }
                },
                error: function (e) {
                    show_alert('error', '网络异常.')
                }
            });
        }

        var modify_natural = function (archiveId, naturalYear) {
            $.ajax({
                type: "GET",
                dataType: "json",
                url: "@Url.Action("Natural", "Home")" + "?archiveId=" + archiveId + "&naturalYear=" + naturalYear,
                success: function (result) {
                    if (result.Success) {
                        $("#form-natural-edit input[name=ArchiveId]").val(result.Data.ArchiveId)
                        $("#form-natural-edit input[name=NaturalYear]").val(result.Data.NaturalYear)
                        $("#form-natural-edit input[name=UpdateTime]").val(result.Data.UpdateTime)

                        $("#form-natural-edit input[name=NaturalJan1]").val(result.Data.NaturalJan1)
                        $("#form-natural-edit input[name=NaturalFeb1]").val(result.Data.NaturalFeb1)
                        $("#form-natural-edit input[name=NaturalMar1]").val(result.Data.NaturalMar1)
                        $("#form-natural-edit input[name=NaturalApr1]").val(result.Data.NaturalApr1)
                        $("#form-natural-edit input[name=NaturalMay1]").val(result.Data.NaturalMay1)
                        $("#form-natural-edit input[name=NaturalJun1]").val(result.Data.NaturalJun1)
                        $("#form-natural-edit input[name=NaturalJul1]").val(result.Data.NaturalJul1)
                        $("#form-natural-edit input[name=NaturalAug1]").val(result.Data.NaturalAug1)
                        $("#form-natural-edit input[name=NaturalSep1]").val(result.Data.NaturalSep1)
                        $("#form-natural-edit input[name=NaturalOct1]").val(result.Data.NaturalOct1)
                        $("#form-natural-edit input[name=NaturalNov1]").val(result.Data.NaturalNov1)
                        $("#form-natural-edit input[name=NaturalDec1]").val(result.Data.NaturalDec1)

                        $("#form-natural-edit input[name=NaturalJan2]").val(result.Data.NaturalJan2)
                        $("#form-natural-edit input[name=NaturalFeb2]").val(result.Data.NaturalFeb2)
                        $("#form-natural-edit input[name=NaturalMar2]").val(result.Data.NaturalMar2)
                        $("#form-natural-edit input[name=NaturalApr2]").val(result.Data.NaturalApr2)
                        $("#form-natural-edit input[name=NaturalMay2]").val(result.Data.NaturalMay2)
                        $("#form-natural-edit input[name=NaturalJun2]").val(result.Data.NaturalJun2)
                        $("#form-natural-edit input[name=NaturalJul2]").val(result.Data.NaturalJul2)
                        $("#form-natural-edit input[name=NaturalAug2]").val(result.Data.NaturalAug2)
                        $("#form-natural-edit input[name=NaturalSep2]").val(result.Data.NaturalSep2)
                        $("#form-natural-edit input[name=NaturalOct2]").val(result.Data.NaturalOct2)
                        $("#form-natural-edit input[name=NaturalNov2]").val(result.Data.NaturalNov2)
                        $("#form-natural-edit input[name=NaturalDec2]").val(result.Data.NaturalDec2)
                        $(".selectpicker").selectpicker('refresh');
                    } else {
                        show_alert('warning', result.Message)
                    }
                },
                error: function (e) {
                    show_alert('error', '网络异常.')
                }
            });
            $('#modal-dialog-natural').modal()
        }

        var natural_save_button = function () {
            $.ajax({
                type: "POST",
                dataType: "json",
                //contentType: "application/json;charset=utf-8",
                data: $("#form-natural-edit").serialize(),
                url: "@Url.Action("NaturalSave", "Home")",
                success: function (result) {
                    if (result.Success) {
                        table_natural_refresh()
                        $('#modal-dialog-natural').modal('hide')
                    } else {
                        show_alert('warning', result.Message)
                    }
                },
                error: function (e) {
                    show_alert('error', '网络异常.')
                }
            });
        }



        //data-table-DynamicTable
        var table_DynamicTable = null
        var table_DynamicTable_function = function () {
            table_DynamicTable = $('#data-table-DynamicTable').DataTable({
                data: [],
                paging: false,
                responsive: true,
                columns: [{ title: "所属机构", data: "Name" }, { title: "操作", data: "TableId" }],
                "columnDefs": [
                    {
                        "targets": -1,
                        "width": "150px",
                        render: function (data, type, full, meta) {
                            return '<a class="btn btn-sm btn-info" href="javascript:;" onclick="modal_dialog_DynamicTable_refresh(' + full.TableId + ',true)">移除关联 <i class="fa fa-trash"></i></a> ';
                        }
                    }
                ],
                "language": datatable_language
            });

            modal_dialog_DynamicTable_refresh(0, false)
        }
        var modal_dialog_DynamicTable_refresh = function (tableId, isDeleted) {
            $.ajax({
                type: "POST",
                dataType: "json",
                contentType: "application/json;charset=utf-8",
                url: "@Url.Action("AllocationTableList", "Home")",
                data: JSON.stringify({ ArchiveId: objectId, TableId: tableId, IsDeleted: isDeleted}),
                success: function (result) {
                    if (result.Success) {
                        table_DynamicTable.clear();
                        table_DynamicTable.rows.add(result.Data);
                        table_DynamicTable.draw();
                    } else {
                        show_alert('warning', result.Message)
                    }
                },
                error: function (e) {
                    show_alert('error', '网络异常.')
                }
            });
        }

        $(document).ready(function () {
            dropzone_container_upload()
            table_attachment_function()
            //table_natural_function()
            table_DynamicTable_function()
            $(".selectpicker").selectpicker();

            $("#natural-save-button").click(function () {
                natural_save_button()
            })
            //$("#dropzone-button").click(function () {
            //    $('#modal-dialog-dropzone').modal()
            //})
        });
    </script>
}
<h1>档案管理 - 详情</h1>

<div class="panel panel-inverse" data-sortable-id="form-plugins-1">
    <!-- begin nav-tabs -->
    <ul class="nav nav-tabs">
        <li class="nav-item">
            <a href="#default-tab-1" data-toggle="tab" class="nav-link active">
                <span class="d-sm-none">Tab 1</span>
                <span class="d-sm-block d-none">基础信息</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="#default-tab-2" data-toggle="tab" class="nav-link">
                <span class="d-sm-none">Tab 2</span>
                <span class="d-sm-block d-none">附件</span>
            </a>
        </li>
        @*<li class="nav-item">
            <a href="#default-tab-3" data-toggle="tab" class="nav-link">
                <span class="d-sm-none">Tab 3</span>
                <span class="d-sm-block d-none">案件跟踪</span>
            </a>
        </li>*@
        <li class="nav-item">
            <a href="#default-tab-4" data-toggle="tab" class="nav-link">
                <span class="d-sm-none">Tab 4</span>
                <span class="d-sm-block d-none">所属机构</span>
            </a>
        </li>
    </ul>

    <div class="tab-content">
        <!-- begin tab-pane -->
        <div class="tab-pane fade active show" id="default-tab-1">
            <!-- begin panel-body -->
            <div class="panel-body row">
                @foreach (var column in columns)
                {
                    <div class="form-group col-sm-4">
                        <label class="col-form-label @(column.Required?"text-danger":"")">@column.HeaderName</label>
                        @if (column.Property.PropertyType == typeof(DateTime))
                        {
                            var dateTime = (DateTime)column.Property.GetValue(Model, null);
                            @if (column.Format != DateFormatConverter.Format_yyyyMMddHHmmss)
                            {
                                column.Format = DateFormatConverter.Format_yyyyMMdd;
                            }
                            <input type="text" class="form-control" name="@column.PropertyName" value="@(dateTime == DateTime.MinValue ? "" : dateTime.ToString(column.Format))" readonly="readonly" />
                        }
                        else if (!string.IsNullOrWhiteSpace(column.Drop) || column.Property.PropertyType.IsEnum)
                        {
                            var drop = column.Drop;
                            if (column.Property.PropertyType.IsEnum)
                            {
                                drop = column.Property.PropertyType.Name;
                            }
                            <input type="text" class="form-control" name="@column.PropertyName" value="@(Tools.ToString(column.Property.GetValue(Model, null),drop,true))" readonly="readonly" />
                        }
                        else
                        {
                            <input type="text" class="form-control" name="@column.PropertyName" value="@column.Property.GetValue(Model, null)" readonly="readonly" />
                        }

                    </div>
                }
            </div>
            <!-- end panel-body -->
        </div>
        <!-- end tab-pane -->
        <!-- begin tab-pane -->
        <div class="tab-pane fade" id="default-tab-2">
            <table id="data-table-attachment" class="table table-striped table-bordered table-td-valign-middle display nowrap" style="width:100%">
            </table>
        </div>
        <!-- end tab-pane -->
        <!-- begin tab-pane -->
        <div class="tab-pane fade" id="default-tab-3">
            <table id="data-table-natural" class="table table-striped table-bordered table-td-valign-middle display nowrap" style="width:100%">
            </table>
        </div>
        <!-- end tab-pane -->
        <!-- begin tab-pane -->
        <div class="tab-pane fade" id="default-tab-4">
            <table id="data-table-DynamicTable" class="table table-striped table-bordered table-td-valign-middle display nowrap" style="width:100%">
            </table>
        </div>
        <!-- end tab-pane -->
    </div>


</div>

<div class="row">
    @Html.ActionLink("修改", "Edit", new { id = Model.Id }, new { @class = "btn btn-primary", style = "margin-left: 10px;" })

    <button style="margin-left: 10px;" type="button" data-toggle="modal" data-target="#modal-dialog-dropzone" id="dropzone-button" class="btn btn-primary">上传附件 <i class="fas fa-upload"></i></button>

    <a style="margin-left: 10px;" class="btn btn-primary" asp-action="Index">返回列表</a>
</div>

<!-- #modal-dialog -->
<div class="modal fade" id="modal-dialog-dropzone" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">上传</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                <div id="dropzone-container">
                    <form asp-action="Import" class="dropzone needsclick" enctype="multipart/form-data" id="dropzone-upload">
                        <div class="dz-message needsclick">
                            点击选择文件
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-white" data-dismiss="modal">关闭</a>
                <a href="javascript:;" id="dropzone-upload-button" style="display:none" class="btn btn-primary">确定</a>
            </div>
        </div>
    </div>
</div>

<!-- #modal-dialog -->
<div class="modal fade" id="modal-dialog-natural" data-backdrop="static">
    <div class="modal-dialog" style="max-width: 1080px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">案件跟踪</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                <form asp-action="Natural" id="form-natural-edit">
                    <div class="panel panel-inverse" data-sortable-id="form-plugins-1">
                        <!-- begin panel-heading -->
                        <div class="panel-heading">
                            <h4 class="panel-title">跟踪信息</h4>
                        </div>
                        <!-- end panel-heading -->
                        <!-- begin panel-body -->
                        <div class="panel-body">
                            <div class="row">
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">案件序号</label>
                                    <input type="text" class="form-control" name="ArchiveId" value="" readonly="readonly">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">年份</label>
                                    <input type="text" class="form-control" name="NaturalYear" value="" readonly="readonly">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">最近更新时间</label>
                                    <input type="text" class="form-control" name="UpdateTime" value="" readonly="readonly">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">1月案件进展</label>
                                    @Html.DropDownList("NaturalJan1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">2月案件进展</label>
                                    @Html.DropDownList("NaturalFeb1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">3月案件进展</label>
                                    @Html.DropDownList("NaturalMar1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">4月案件进展</label>
                                    @Html.DropDownList("NaturalApr1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">5月案件进展</label>
                                    @Html.DropDownList("NaturalMay1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">6月案件进展</label>
                                    @Html.DropDownList("NaturalJun1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">7月案件进展</label>
                                    @Html.DropDownList("NaturalJul1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">8月案件进展</label>
                                    @Html.DropDownList("NaturalAug1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">9月案件进展</label>
                                    @Html.DropDownList("NaturalSep1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">10月案件进展</label>
                                    @Html.DropDownList("NaturalOct1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">11月案件进展</label>
                                    @Html.DropDownList("NaturalNov1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">12月案件进展</label>
                                    @Html.DropDownList("NaturalDec1", Tools.EnumList(nameof(EnumArchive.EnumArchiveNatural1), true), new { @class = "form-control selectpicker", @data_live_search = "true", @data_style = "btn-white" })
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">1月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalJan2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">2月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalFeb2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">3月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalMar2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">4月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalApr2" value="">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">5月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalMay2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">6月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalJun2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">7月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalJul2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">8月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalAug2" value="">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">9月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalSep2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">10月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalOct2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">11月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalNov2" value="">
                                </div>
                                <div class="form-group col-sm-3">
                                    <label class="col-form-label">12月案件跟踪</label>
                                    <input type="text" class="form-control" name="NaturalDec2" value="">
                                </div>
                            </div>
                        </div>
                        <!-- end panel-body -->
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-white" data-dismiss="modal">关闭</a>
                <a href="javascript:;" id="natural-save-button" class="btn btn-primary">保存</a>
            </div>
        </div>
    </div>
</div>
